/**
 * loader  1、下载；2、使用（配置loader）
 * plugins 1、下载；2、引入；3、使用。
 */

const { resolve } = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')

module.exports = {
  entry: './src/index.js',
  output: {
    filename: 'built.js',
    path: resolve(__dirname, 'build'),
  },
  module: {
    rules: [
      // loader的配置
    ],
  },
  plugins: [
    // html-webpack-plugin
    // 默认创建一个空的html文件，引入打包输出的所有资源（js/css）
    // 需求：需要有结构额html文件
    new HtmlWebpackPlugin({
      // 复制这个html文件，并且引入打包输出的所有资源（js/css）
      // 也就是上面的loader不要再引入css-loader等等配置了。
      template: './src/index.html',
    }),
  ],
  mode: 'development',
  // mode: 'production',
}
